var myChart = echarts.init(document.getElementById('xuez'));
option = {
  // backgroundColor: '#00265f',

  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  grid: {
    // top: '30%',
    right: '3%',
    // left: '5%',
    // bottom: '12%'
  },
  xAxis: [{
    type: 'category',
    data: ['学前', '初等', '基础', '艺术', '职业', '继续', '网络', '远程'],
    axisLine: {
      lineStyle: {
        color: 'rgba(255,255,255,0.12)'
      }
    },
    axisLabel: {
      margin: 10,
      color: '#8C8D8F',
      textStyle: {
        fontSize: 14 //底部字体
      },
    },
  }],
  yAxis: [{
    name: '(人)',
    axisLabel: {
      formatter: '{value}',
      color: '#8C8D8F',
    },
    axisLine: {
      show: false,
      lineStyle: {
        color: 'rgba(140,141,143,1)'
      }
    },
    splitLine: {
      lineStyle: {
        color: 'rgba(140,141,143,0.12)'
      }
    }
  }],
  series: [{
    type: 'bar',
    data: [1200, 1600, 1850, 1490, 1200, 800, 990, 700],
    barWidth: '10px',
    itemStyle: {
      normal: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
          offset: 0.8,
          color: 'rgba(2,241,242,1)' // 0% 处的颜色
        }, {
          offset: 1,
          color: 'rgba(32,32,31,0)' // 100% 处的颜色
        }], false),
        barBorderRadius: [30, 30, 30, 30],
        // shadowColor: 'rgba(0,160,221,1)',
        shadowBlur: 4,
      }
    },
    label: {
      normal: {
        // show: true,
        // lineHeight: 30,
        // width: 80,
        // height: 30,
        // backgroundColor: 'rgba(0,160,221,0.1)',
        // borderRadius: 200,
        // position: ['-8', '-60'],
        // distance: 1,
        // formatter: [
        //     '    {d|●}',
        //     // ' {a|{c}}     \n',
        //     '    {b|}'
        // ].join(','),
        // rich: {
        //     d: {
        //         color: '#3CDDCF',
        //     },
        //     a: {
        //         color: '#fff',
        //         align: 'center',
        //     },
        //     b: {
        //         width: 1,
        //         // height: 30,
        //         borderWidth: 1,
        //         borderColor: '#234e6c',
        //         align: 'left'
        //     },
        // }
      }
    }
  }]
};
myChart.setOption(option);